<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<html>
<head>
<title>khutro.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link href="css/userpage.css" rel="stylesheet" type="text/css">
<link href="css/info.css" rel="stylesheet" type="text/css">

<style type="text/css">
<!--
em {
	color: #999;
}

#contentmain .container2 .logincontent .logincontentmain h3 {
	color: #040406;
}
-->
</style>
<style type="text/css">
.ac_over {
	color: white; background-color:green;
}
</style>
<script src="js/jquery-1.8.2.js"></script>
<SCRIPT type="text/javascript" src="js/items.js"></SCRIPT>
<link rel="stylesheet" href="css/stylesconfirm.css">
<script type="text/javascript" src="script/jquery.reveal.js"></script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0"
	marginheight="0">
	<script src="//connect.facebook.net/en_US/all.js"></script>
	<!-- Save for Web Slices (khutroslide.psd) -->
	<div id="header">
		<div id="headerContent">
			<a href="index.action" id="logo">khutro</a>
			<ul id="menuBar">
				<li><a href="index.action">Trang chủ</a></li>
				<li><a href="help.jsp">Trợ giúp</a></li>
				<li><a href="checkaddtopic.action">Đăng cho thuê</a>
				<li><a href="checkaddsharetopic.action">Đăng chia sẻ</a>
				<li><a href="compareresult.action">So sánh<span
						id="numberCompare" style="color: red; font-size: 12px">(${number})</span>
				</a></li>
				
			</ul>
			<div id="modal5">
				<div id="heading5">Thông báo !</div>
				<div id="content5">
					<p style="text-align: left; padding-left: 10px; color: black;">Bạn
						cần đăng nhập để sử dụng chức năng này</p>
					<p style="text-align: left; padding-left: 10px; color: black;">Đăng
						nhập với tài khoản của Facebook</p>
						<br/>
					<a style="text-align: left;" href="login.jsp"
						class="button1 green close"><img src="images/dialog/tick.png">Đăng
						nhập</a> <a style="text-align: left;" href="javascript:void(0);"
						class="button1 red close"><img src="images/dialog/cross.png">Đóng</a>
				</div>
			</div>
			<div id="loginPanel">
				<c:choose>
					<c:when test="${displayNamess!=null}">
						<a class="profileButton" href="profileuser.action">${displayNamess}
						</a>
						<ul>
							<c:choose>
								<c:when test="${userRoleIdss==1}">
									<li><a href="adminloadsystem.action">Trang quản lý</a>
								</c:when>
							</c:choose>
							<li><a href="profileuser.action">Trang cá nhân</a></li><li><a href="changepass.jsp">Đổi mật khẩu</a>
							</li>
							<li><a href="logout.jsp">Thoát</a>
							</li>
						</ul>
					</c:when>
					<c:otherwise>
						<a class="loginButton" href="login.jsp">Đăng nhập</a>
					</c:otherwise>
				</c:choose>
			</div>
			<div id="search">
			<DIV class="search-box">
			  <div style="width: 80%;float: left">
		      <INPUT id="lookup_input" class="search-bar" style="width: 220px;height: 24px;" name="keysearch" value="Tìm Kiếm ..." type="text">
		      </div>
		      <div style="width: 19%;float: right;">
		      <img alt="search" src="images/search.png" width="24" height="24" onclick="searchFull();">
		      </div>
				<SCRIPT type="text/javascript" src="js/searchfulltext.js"></SCRIPT>
		      
		      <FORM id="search-form" method="post" action="fulltextsearch.action">
		      	<INPUT id="sortby" class="search-bar" name="sortby" value="0" type="hidden">
		      </FORM>
      		</DIV>
			</div>  
		</div>
	</div>
	<script type="text/javascript">
	$('#lookup_input').bind('keypress', function(e) {
		if(e.keyCode==13){
			searchFull();
		}
	});
	</script>
	<img src="images/spacer.gif" width="1" height="56" alt="">


	<div id="contentmain">
		<div class="box">
			<h3 style=" font: Arial, Geneva, sans-serif; color: black;">Đăng nhập</h3>
			<div id="checkingStatus" style="display: block">
				<h4 style=" font: Arial, Geneva, sans-serif; color: black;">
					<img src="images/loading.gif" /> Đang kiểm tra kết nối của bạn với
					Facebook. Ấn F5 nếu thực hiện quá lâu...
				</h4>
				<DIV>
<H4 style="color: black;">Hoặc <A href="userlogin.jsp" style="color: #00A5F0">đăng nhập bằng mật 
khẩu</A></H4></DIV>
			</div>
			<br/>

			<div id="loginContainer" style="display: none;">
				<h4 style=" font: Arial, Geneva, sans-serif; color: black;" >Click vào nút dưới đây để đăng nhập với tài khoản Facebook của bạn. Tài khoản của bạn sẽ tự động được tạo sau lần đăng nhập đầu tiên mà không cần đăng ký.</h4>
				<div id="fb-root"></div>
				<script>
					(function(d, s, id) {
						var js, fjs = d.getElementsByTagName(s)[0];
						if (d.getElementById(id))
							return;
						js = d.createElement(s);
						js.id = id;
						js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=418620964854308";
						fjs.parentNode.insertBefore(js, fjs);
					}(document, 'script', 'facebook-jssdk'));
				</script>
							<br/>
				<div class="fb-login-button" data-scope="email,publish_actions"></div>
				<DIV>
<H4 style="color: black;">Hoặc <A href="userlogin.jsp" style="color: #00A5F0">đăng nhập bằng mật 
khẩu</A></H4></DIV></DIV>
			</div>
		</div>
		<s:form action="adduser.action" id="loginForm" method="post">
			<input type="hidden" name="signedRequest" id="signedRequest" />
			<input type="hidden" name="accessToken" id="accessToken" />
			<input type="hidden" name="email" id="email" />
			<input type="hidden" name="displayName" id="displayName" />
			<input type="hidden" name="avatar" id="avatar" />
		</s:form>
		<script type="text/javascript">
			function getinfo() {
				//-----------------------Random-------
				FB.api('/me', function(response) {
					var email = response.email;
					var displayName = response.name;
					var avatar = 'https://graph.facebook.com/' + response.id
							+ '/picture?type=normal';
					document.getElementById("email").value = email;
					document.getElementById("displayName").value = displayName;
					document.getElementById("avatar").value = avatar;
					document.loginForm.submit();
				});
				//
			}
		</script>
		<script type="text/javascript">
			window.fbAsyncInit = function() {
				FB.init({
					appId : '418620964854308',
					status : true,
					cookie : true,
					xfbml : true
				});

				FB
						.getLoginStatus(function(response) {
							if (response.status === 'connected') {
								submitToken(response);
								getinfo();
							} else {
								FB.login(function(response) {
									// handle the response
								}, {
									scope : 'email,publish_actions'
								});
								//document.getElementById('loginContainer').innerHTML = ('<img id="loginBtn" onclick="FB.login(function(response) {}, {scope: \'email,publish_actions\'});" style="cursor: pointer;" src="images/facebook_signin.png">');
								document.getElementById('checkingStatus').style.display = 'none';
								document.getElementById('loginContainer').style.display = 'block';
							}
						});

				FB.Event.subscribe('auth.authResponseChange',
						function(response) {
							if (response.authResponse) {
								submitToken(response);
							}
						});
			};

			var submited = false;

			function submitToken(response) {
				if (submited)
					return;
				submited = true;
				getinfo();
			}
		</script>


	</div>
	<div id="footercus" style="text-align: center;font-size: 12px">
		Designed by FU team | Powered by Struts<br> khutro.net
	</div>


	<!-- End Save for Web Slices -->
</body>
</html>